import React from 'react'
import Head from '../component/Head'
import { Switch } from 'react-vant';
export default function Push() {
    return (
        <div style={{ backgroundColor: '#F2F2F2', height: '100vh' }}>
            <Head titleName='推送设置'></Head>
            <div style={{ borderTop: '10px solid #F2F2F2' }}>
                <div style={{ display: 'flex', alignItems: 'center', height: '60px', justifyContent: 'space-between', padding: '0 20px', backgroundColor: 'white', borderBottom: '2px solid #F2F2F2' }}>
                    <div>点赞设置</div>
                    <Switch inactiveColor="#dcdee0" activeColor='#3E7CFC' defaultChecked />
                </div>
                <div style={{ display: 'flex', alignItems: 'center', height: '60px', justifyContent: 'space-between', padding: '0 20px', backgroundColor: 'white', borderBottom: '2px solid #F2F2F2' }}>
                    <div>评论设置</div>
                    <Switch inactiveColor="#dcdee0" activeColor='#3E7CFC' defaultChecked />
                </div>
                <div style={{ display: 'flex', alignItems: 'center', height: '60px', justifyContent: 'space-between', padding: '0 20px', backgroundColor: 'white', borderBottom: '2px solid #F2F2F2' }}>
                    <div>新粉丝通知</div>
                    <Switch inactiveColor="#dcdee0" activeColor='#3E7CFC' defaultChecked />
                </div>
            </div>
            <div style={{ borderTop: '8px solid #F2F2F2' }}>
                <div style={{ display: 'flex', alignItems: 'center', height: '60px', justifyContent: 'space-between', padding: '0 20px', backgroundColor: 'white'}}>
                    <div>新粉丝通知</div>
                    <Switch inactiveColor="#dcdee0" activeColor='#3E7CFC' defaultChecked />
                </div>
            </div>
        </div>
    )
}
